@charset "UTF-8";
/* 弹性盒子样式 */
/* 下拉菜单样式 */
.content {
  margin: 0 auto;
  width: 98.71668vw;
  padding-bottom: 13.16222vw;
}

/* 顶部相同部分样式 */
.header {
  background: white;
  position: fixed;
  width: 93.45179vw;
  margin: 0 2.63244vw;
  padding: 3.94867vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .h-left input {
  width: 19.74334vw;
  height: 9.21356vw;
  font-size: 3.94867vw;
  background: none;
  border: 0.52649vw solid #ff9344;
  border-radius: 3.29056vw;
}

.header span {
  font-size: 3.94867vw;
  display: inline-block;
  height: 9.21356vw;
  line-height: 9.21356vw;
}

.subject {
  padding-top: 19.74334vw;
  padding-bottom: 19.74334vw;
}

/* 底部导航栏样式 */
.footer {
  color: black;
  width: 98.71668vw;
  background: white;
  padding: 1.31622vw 0;
  position: fixed;
  bottom: 0vw;
}

.footer ul {
  width: 93.45179vw;
  margin: 2.23758vw 2.63244vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}

.footer ul li {
  position: relative;
  overflow: hidden;
}

.footer ul li:hover img {
  -webkit-transform: translateY(-9.4768vw);
          transform: translateY(-9.4768vw);
  -webkit-filter: drop-shadow(#ff9344 0 9.4768vw);
          filter: drop-shadow(#ff9344 0 9.4768vw);
}

.footer ul li:hover img:nth-of-type(2),
.footer ul li:hover img:nth-of-type(3) {
  -webkit-transform: translateY(-9.4768vw);
          transform: translateY(-9.4768vw);
  -webkit-filter: drop-shadow(white 0 9.4768vw);
          filter: drop-shadow(white 0 9.4768vw);
}

.footer ul li img {
  width: 9.4768vw;
  height: 9.4768vw;
}

.footer ul li span {
  display: block;
  font-size: 3.29056vw;
  text-align: center;
}

.footer ul li:nth-of-type(3) img:nth-of-type(2) {
  width: 2.89569vw;
  height: 2.89569vw;
  position: absolute;
  left: 3.68542vw;
  top: 2.76407vw;
}

.footer ul li:nth-of-type(3) img:nth-of-type(3) {
  width: 2.89569vw;
  height: 2.89569vw;
  position: absolute;
  left: 2.76407vw;
  top: 3.68542vw;
}

.content .header .h-right select {
  width: 19.74334vw;
  height: 9.21356vw;
  font-size: 3.29056vw;
  border: 0.52649vw solid #ff9344;
  padding: 0 1.31622vw;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("../img/公共img/城市切换下拉.png") no-repeat right center;
  background-size: 5.26489vw 2.63244vw;
}

.content .subject {
  width: 93.45179vw;
  margin: 0 2.63244vw;
}

.content .subject .search {
  width: 67.39059vw;
  margin: 0 13.0306vw;
}

.content .subject .search .s-top div {
  height: 7.89733vw;
  width: 35.53801vw;
  border: 0.52649vw solid #ff9344;
  border-radius: 6.58111vw;
  margin: 0 15.92629vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: relative;
}

.content .subject .search .s-top div input {
  font-size: 3.29056vw;
  width: 29.615vw;
  background: none;
  border: none;
}

.content .subject .search .s-top div img:first-of-type {
  width: 3.81705vw;
  height: 3.94867vw;
  position: absolute;
  right: 3.94867vw;
  top: 1.31622vw;
}

.content .subject .search .s-top div img:last-of-type {
  width: 1.97433vw;
  height: 1.84271vw;
  position: absolute;
  right: 2.63244vw;
  top: 3.94867vw;
}

.content .subject .search .s-bottom {
  text-align: center;
  margin: 2.63244vw 0;
}

.content .subject .search .s-bottom h4 {
  font-size: 3.42218vw;
  font-weight: 650;
  margin-bottom: 1.97433vw;
}

.content .subject .search .s-bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content .subject .search .s-bottom ul li {
  width: 16.45278vw;
  height: 8.55545vw;
  line-height: 8.55545vw;
  font-size: 2.63244vw;
  color: #8b8a8a;
  background: #d4cdcd;
  margin: 0.26324vw 0;
}

.content .subject .search .s-bottom ul li:hover {
  background: #ff9344;
  color: black;
}

.content .subject .hotSearch .h-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 6.58111vw 0;
}

.content .subject .hotSearch .h-top .left {
  width: 29.615vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 9.21356vw;
}

.content .subject .hotSearch .h-top .left img {
  width: 9.21356vw;
  height: 9.21356vw;
}

.content .subject .hotSearch .h-top .left h3 {
  font-size: 4.7384vw;
}

.content .subject .hotSearch .h-top .right {
  width: 13.16222vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 9.21356vw;
}

.content .subject .hotSearch .h-top .right a {
  color: black;
  font-size: 3.68542vw;
}

.content .subject .hotSearch .h-top .right img {
  width: 3.94867vw;
  height: 3.94867vw;
  margin: auto 0;
}

.content .subject .hotSearch .h-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5.26489vw 0;
  position: relative;
}

.content .subject .hotSearch .h-bottom img:first-of-type {
  width: 35.53801vw;
}

.content .subject .hotSearch .h-bottom img:nth-of-type(2) {
  width: 56.59756vw;
  height: 19.74334vw;
}

.content .subject .hotSearch .h-bottom img:nth-of-type(3) {
  width: 27.64067vw;
  height: 23.692vw;
  position: absolute;
  left: 36.85423vw;
  bottom: 0;
}

.content .subject .hotSearch .h-bottom img:last-of-type {
  width: 27.64067vw;
  height: 23.692vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

.content .subject .recommend .r-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 6.58111vw 0;
}

.content .subject .recommend .r-top .left {
  width: 29.615vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 9.21356vw;
}

.content .subject .recommend .r-top .left img {
  width: 9.21356vw;
  height: 9.21356vw;
}

.content .subject .recommend .r-top .left h3 {
  font-weight: 550;
  font-size: 4.7384vw;
}

.content .subject .recommend .r-top .right {
  width: 13.16222vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 9.21356vw;
}

.content .subject .recommend .r-top .right a {
  color: black;
  font-size: 3.68542vw;
}

.content .subject .recommend .r-top .right img {
  width: 3.94867vw;
  height: 3.94867vw;
  margin: auto 0;
}

.content .subject .recommend .r-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5.26489vw 0;
}

.content .subject .recommend .r-bottom img {
  width: 29.615vw;
}
